.i4-content {
  width: 1300px;
  height: 600px;
  background: ghostwhite;
  border: 1px solid gainsboro;
  margin: 0 auto;
}
.i4-column-p1 {
  width: 260px;
  height: 90px;
  background: ghostwhite;
  position: absolute;
  left: 60px;
  top: 200px;
  border-bottom: 2px solid red;
}
.i4-column-p1 h2 a {
  color: red;
  position: absolute;
  left: 50px;
  text-decoration: none;
  line-height: 50px;
}
.i4-column-p1 p a {
  color: black;
  position: absolute;
  left: 50px;
  top: 50px;
  font-style: 25px;
  text-decoration: none;
}
.i4-column-p1:hover {
  width: 280px;
  height: 100px;
  position: absolute;
  left: 60px;
  top: 200px;
  background: honeydew;
  border: 1px solid gainsboro;
  border-bottom: 2px solid red;
}
.i4-column-p2 {
  width: 260px;
  height: 90px;
  background: ghostwhite;
  position: absolute;
  left: 380px;
  top: 200px;
  border-bottom: 2px solid red;
}
.i4-column-p2 h2 a {
  color: red;
  position: absolute;
  text-decoration: none;
  left: 50px;
  line-height: 50px;
}
.i4-column-p2 p a {
  color: black;
  position: absolute;
  left: 20px;
  top: 50px;
  font-style: 25px;
  text-decoration: none;
}
.i4-column-p2:hover {
  width: 280px;
  height: 100px;
  background: honeydew;
  position: absolute;
  left: 380px;
  top: 200px;
  border: 1px solid gainsboro;
  border-bottom: 2px solid red;
}
.i4-column-p3 {
  width: 260px;
  height: 90px;
  background: ghostwhite;
  position: absolute;
  left: 700px;
  top: 200px;
  border-bottom: 2px solid red;
}
.i4-column-p3 h2 a {
  color: red;
  position: absolute;
  text-decoration: none;
  left: 50px;
  line-height: 50px;
}
.i4-column-p3 p a {
  color: black;
  position: absolute;
  left: 80px;
  top: 50px;
  font-style: 25px;
  text-decoration: none;
}
.i4-column-p3:hover {
  width: 280px;
  height: 100px;
  background: honeydew;
  position: absolute;
  left: 700px;
  top: 200px;
  border: 1px solid gainsboro;
  border-bottom: 2px solid red;
}
.i4-column-p4 {
  width: 260px;
  height: 90px;
  background: ghostwhite;
  position: absolute;
  left: 1010px;
  top: 200px;
  border-bottom: 2px solid red;
}
.i4-column-p4 h2 a {
  color: red;
  position: absolute;
  text-decoration: none;
  left: 50px;
  line-height: 50px;
}
.i4-column-p4 p a {
  color: black;
  position: absolute;
  left: 20px;
  top: 50px;
  font-style: 25px;
  text-decoration: none;
}
.i4-column-p4:hover {
  width: 280px;
  height: 100px;
  background: honeydew;
  position: absolute;
  left: 1000px;
  top: 200px;
  border: 1px solid gainsboro;
  border-bottom: 2px solid red;
}
.i4-containe-img1 {
  padding-top: 370px;
  padding-left: 60px;
  float: left;
}
.i4-containe-img2 {
  position: absolute;
  left: 85px;
  top: 365px;
  z-index: 1;
  display: none;
}
.i4-containe-img3 {
  position: absolute;
  left: 400px;
  top: 364px;
  z-index: 2;
  display: none;
}
.i4-containe-img4 {
  position: absolute;
  left: 420px;
  top: 420px;
}
.i4-containe-img5 {
  position: absolute;
  left: 725px;
  top: 422px;
}
.i4-containe-img6 {
  position: absolute;
  left: 726px;
  top: 367px;
  display: none;
}
.i4-containe-img7 {
  position: absolute;
  left: 1030px;
  top: 422px;
}
.i4-containe-img8 {
  position: absolute;
  left: 1030px;
  top: 367px;
  display: none;
}
